<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:f="http://java.sun.com/jsf/core" 
xmlns:c="http://java.sun.com/jsp/jstl/core" 
xmlns:ace="http://www.icefaces.org/icefaces/components"
xmlns:ice="http://www.icesoft.com/icefaces/component"
xmlns:icecore="http://www.icefaces.org/icefaces/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
template="/WEB-INF/templates/templatePrincipal.xhtml">

<ui:define name="corpo-da-pagina">

<ui:include src="menu.xhtml"></ui:include>

<h:form id="formPrincipal">

	<br />
	<br />

	<h:panelGrid columns="4">
		<h:outputLabel value="Nome:" />
		<h:inputText value="#{newClienteMB.titular.nome}" required="true" requiredMessage="Campo nome obrigatorio"/>
		
		<h:outputLabel value="E-Mail:" />
		<h:inputText value="#{newClienteMB.titular.email}">
			<f:validator validatorId="br.com.locadoracom.validador.EmailValidator" />
		</h:inputText>	
				
		<h:outputLabel value="CPF:" />
		<h:inputText value="#{newClienteMB.titular.cpf}" required="true" requiredMessage="Campo CPF obrigatorio">
			<f:validator validatorId="br.com.locadoracom.validador.CPFValidator" />
		</h:inputText>
		
		<h:outputLabel value="Sexo:" />
		<h:selectOneMenu value="#{newClienteMB.titular.sexo}">  
			<f:selectItem itemValue="MASCULINO" itemLabel="Masculino" />  
			<f:selectItem itemValue="FEMININO" itemLabel="Feminino" />  
		</h:selectOneMenu>  
        	
		<h:outputLabel value="Nascimento:" />
		<ace:dateTimeEntry value="#{newClienteMB.titular.dataNascimento}" pattern="dd/MM/yyyy" locale="#{loginMB.locale}" renderAsPopup="true"  required="true" requiredMessage="Campo Data de Nascimento obrigatorio"/>
						
		<h:outputText value="CEP: " />  
		<h:inputText value="#{newClienteMB.endereco.cep}"/>
            	
        <h:outputText value="Logradouro: " />  
		<h:inputText value="#{newClienteMB.endereco.logradouro}"/>
            	
        <h:outputText value="Numero: " />  
		<h:inputText value="#{newClienteMB.endereco.numero}"/>
            	
        <h:outputText value="Complemento: " />  
		<h:inputText value="#{newClienteMB.endereco.complemento}"/>
            	
        <h:outputText value="Bairro: " />  
		<h:inputText value="#{newClienteMB.endereco.bairro}"/>
            	
        <h:outputText value="Cidade: " />  
		<h:inputText value="#{newClienteMB.endereco.cidade}"/>
				
        <h:outputText value="Estado: " />  
		<h:inputText value="#{newClienteMB.endereco.estado}"/>
		
		<h:outputText value="Tel. Celular: " />  
		<h:inputText value="#{newClienteMB.celular}"/>
		
		<h:outputText value="Tel. Residencial: " />  
		<h:inputText value="#{newClienteMB.residencial}"/>
		
		<h:outputText value="Tel. Comercial: " />  
		<h:inputText value="#{newClienteMB.comercial}"/>
		
		<h:outputLabel value="Empresa:" />
		<h:inputText value="#{newClienteMB.titular.empresa}" />

	 </h:panelGrid>
	 
	 <br />
	 <br />
	 
	 <h:commandButton value="Adicionar" action="#{newClienteMB.adicionarNovoTitular}" />

</h:form>

</ui:define>

</ui:composition>